<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>欢太官网</title>
    '
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="//image.oppo.com/content/dam/heytap-brand/assets/favicon.ico"
    />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"
    />
    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="../css/业务体系.css" />
    <link rel="stylesheet" href="../css/业务体系1.css" />

    <!-- Demo styles -->
    <style>
      html,
      body {
        position: relative;
        height: 100%;
      }

      body {
        background: white;
        /* font-family: Helvetica Neue, Helvetica, Arial, sans-serif; */
        font-size: 14px;
        /* color: #000; */
        margin: 0;
        padding: 0;
      }

      .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      /*       .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      } */

      /*   body {
        background: #000;
        color: #000;
      } */

      .swiper {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
        border-bottom: 0.5px solid #cecece;
      }

      /*  .swiper-slide {
        background-size: cover;
        background-position: center;
      } */

      .mySwiper2 {
        height: 600px;
        width: 100%;
      }
      .mySwiper2 .swiper-slide {
        height: 200px;
      }
      .mySwiper .swiper-wrapper {
        width: 100%;
        height: 350px;
        margin: auto;
        background-color: white;
        display: flex;
        /* justify-content: space-around; */
        align-items: flex-end;
        font-size: 24px;
        color: gray;
        border-bottom: 0.5px solid #cecece;
      }

      .mySwiper .swiper-slide {
        width: 200px;
        height: 200px;
        text-align: center;
        cursor: pointer;
        margin-bottom: 60px;
        display: flex;
        flex-direction: column;
      }

      .mySwiper .swiper-slide:hover {
        transform: (1.1);
      }
      .mySwiper .swiper-slide-thumb-active {
        opacity: 1;
      }

      .swiper-slide img {
        width: 100px;
        height: 100px;
        /* vertical-align: middle; */
        /* display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; */
      }
    </style>
  </head>

  <body>
    <nav>
      <a href="首页.html"
        ><img
          src="https://image.oppo.com/content/dam/heytap-brand/assets/svg/logo.svg"
          alt=""
      /></a>
      
      <ul>
        <li>
          <a href="首页.html">首页</a>
        </li>
        <li>
          <a href="品牌介绍.html">品牌介绍</a>
        </li>
        <li><a href="" style="color: black; font-weight: bold">业务体系</a></li>
        <li><a href="客户服务.html">客户服务</a></li>
        <li><a href="">中文</a></li>
      </ul>
    </nav>
    <div style="height: 80px; width: 100%; background-color: white"></div>

    <!-- Swiper -->
    <div thumbsSlider="" class="swiper mySwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide" style="width: 200px">
          <img
            src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/mbsm5.png"
            alt=""
          />
          <p>用户服务</p>
        </div>

        <div class="swiper-slide" style="width: 200px">
          <img
            src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/mbsm1.png"
            alt=""
          />
          <p>商店与游戏</p>
        </div>
        <div class="swiper-slide" style="width: 200px">
          <img
            src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/mbsm2.png"
            alt=""
          />
          <p>内容产品</p>
        </div>
        <div class="swiper-slide" style="width: 200px">
          <img
            src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/mbsm3.png"
            alt=""
          />
          <p>智能服务</p>
        </div>
        <div class="swiper-slide" style="width: 200px">
          <img
            src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/mbsm4.png"
            alt=""
          />
          <p>数字金融服务</p>
        </div>
      </div>
    </div>
    <div
      style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff"
      class="swiper mySwiper2"
    >
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <div class="first" style="margin-top: 20px">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-huantaivip@2x.png"
              alt=""
            />
            <div>
              <p>欢太会员</p>
              <p>尊贵丰富的会员特权</p>
              <span
                >欢太会员是手机的官方付费会员服务，致力于为付费用户提供高价值的附加服务，全面提升手机用户的满意度。欢太会员特权包括免费主题字体、游戏可币券、专属游戏礼包、云空间等特权。
              </span>
            </div>
          </div>
          <div class="second" style="margin-top: 20px">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-huantai@2x_cn.png"
              alt=""
            />
            <div>
              <p>欢太账号</p>
              <p>精彩从此开始</p>
              <span>
                欢太帐号为用户提供权威的身份标识。注册并登陆欢太帐号，用户可以享受欢太平台提供的各项产品与服务。
              </span>
            </div>
          </div>
          <div class="third">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-yunfuwu@2x.png"
              alt=""
            />
            <div>
              <p>欢太云服务</p>
              <p>安全可靠的储存空间</p>
              <span>
                欢太为用户提供安全可靠的云服务，用户的照片、视频、联系人、短信、便签、浏览器书签、日历等个人资料安全存放在云端，可便捷地进行访问与管理。
              </span>
            </div>
          </div>
          <div class="fourch">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-jifen@2x.png"
              alt=""
            />
            <div>
              <p>积分</p>
              <p>获取心动福利</p>
              <span>
                积分是软件商店、游戏中心、主题商店等应用联合推出的用户增值服务，收集积分可参与丰富的用户活动，领取丰厚福利。
              </span>
            </div>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="box1" style="margin-top: 20px">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-softwareshop@2x.png"
              alt=""
            />
            <div>
              <p>软件商店</p>
              <p>放心下 安心用</p>
              <span
                >软件商店为用户提供浏览、下载、安装、更新、卸载各类手机APP的服务，安全可靠，值得信赖。开发者通过将应用程序上传至软件商店，可快速触达海量目标用户。
              </span>
            </div>
          </div>
          <div class="box2" style="margin-top: 20px">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-zhutishop@2x.png"
              alt=""
            />
            <div>
              <p>主题商店</p>
              <p>缤纷掌中方寸</p>
              <span
                >主题商店为用户提供优质的主题、壁纸、铃声等手机美化资源的下载、购买及个性化资源推荐服务。主题开发者通过主题商店，可将主题、壁纸、铃声等作品向海量移动终端用户进行推荐与分发。
              </span>
            </div>
          </div>
          <div class="box3">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-gameshop@2x.png"
            />
            <div>
              <p>游戏中心</p>
              <p>快乐就在指尖</p>
              <span
                >游戏中心为用户提供个性化的优质游戏推荐，同时为用户提供游戏资讯、福利及游戏下载等多种服务。游戏厂商可通过与游戏中心合作，将最新游戏作品分发至海量目标用户。
              </span>
            </div>
          </div>
          <div class="box4">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-game@2x.png"
              alt=""
            />
            <div>
              <p>小游戏</p>
              <p>随时随地 即点即玩</p>
              <span
                >小游戏是一种基于快应用技术的即点即玩的游戏形态，通过与手机系统的多样化场景深度结合，致力于为用户创造流畅、丰富的移动游戏新体验。
              </span>
            </div>
          </div>
        </div>
        <div class="swiper-slide" style="height: 700px">
          <div class="box5">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-browser.png"
              alt=""
            />
            <div>
              <p>浏览器</p>
              <p>你想要的 随手可及</p>
              <span
                >浏览器可以为用户提供新闻与资讯阅读、视频播放、搜索、网址访问等综合内容阅读和服务体验。结合基于用户兴趣的智能推荐能力，满足用户丰富多彩的个性化内容诉求。
              </span>
            </div>
          </div>
          <div class="box6">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-magazine.png"
              alt=""
            />
            <div>
              <p>乐划锁屏</p>
              <p>划走无趣 划出精彩</p>
              <span
                >乐划锁屏致力于为用户提供精美、时尚、个性化的精选内容，轻松向左划动，带给你不一样的视觉体验。
              </span>
            </div>
          </div>
          <div class="box7">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-video.png"
              alt=""
            />
            <div>
              <p>视频</p>
              <p>个性化视频推荐</p>
              <span
                >聚合全网精彩视频内容资源，为用户提供个性化的视频推荐服务。创新"本地视频"管理功能，创建用户的个性化视频日志。
              </span>
            </div>
          </div>
          <div class="box8">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-music.png"
              alt=""
            />
            <div>
              <p>音乐</p>
              <p>热门音乐 听你想听</p>
              <span
                >提供本地音乐与在线音乐播放服务，海量的在线音乐，以及优质的听书音频内容等你体验；每日推荐、歌单广场、排行榜、音乐电台等多种推荐方式，让你更好发现音乐。
              </span>
            </div>
          </div>
          <div class="box9">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-reading.png"
              alt=""
            />
            <div>
              <p>阅读</p>
              <p>多彩阅读时光</p>
              <span
                >书虫追更必备，专业网络小说的阅读神器。为用户提供海量的图书资源和极致的阅读体验，图书资源涵盖玄幻奇幻、都市言情，武侠仙侠修仙等多种热门类型，更有大咖主播用声音带你聆听精彩。
              </span>
            </div>
          </div>
          <div class="box10">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-bookmall.png"
              alt=""
            />
            <div>
              <p>书城</p>
              <p>专业阅读体验 海量书随心看</p>
              <span
                >浏览器可以为用户提供新闻与资讯阅读、视频播放、搜索、网址访问等综合内容阅读和服务体验。结合基于用户兴趣的智能推荐能力，满足用户丰富多彩的个性化内容诉求。
              </span>
            </div>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="box11" style="margin-top: 20px">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-breeno@2x.png"
              alt=""
            />
            <div>
              <p>小布助手</p>
              <p>有温度的智能语音服务</p>
              <span
                >呼叫"小布小布"唤醒小布助手，享受便捷的智能服务。找美食、帮排号、打电话、听音乐、问导航、发红包、查资料……都"布"在话下。
              </span>
            </div>
          </div>
          <div class="box12" style="margin-top: 20px">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-search@2x.png"
              alt=""
            />
            <div>
              <p>全局搜索</p>
              <p>高效搜索 精准获取</p>
              <span
                >全局搜索可以为用户提供手机本地信息和互联网在线内容的一站式搜索服务，为用户提供快速的信息查找与搜索能力。
              </span>
            </div>
          </div>
          <div class="box13">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-quick@2x.png"
              alt=""
            />
            <div>
              <p>快应用</p>
              <p>无需安装 一步直达</p>
              <span
                >快应用是一种新型的应用形态，服务秒开、即点即用，便于服务的传播和留存，提供更高效的服务。
              </span>
            </div>
          </div>
          <div class="box14">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-smarthome@2x.png"
              alt=""
            />
            <div>
              <p>智能家居</p>
              <p>掌控智能家居 打造美好生活</p>
              <span
                >构建家居设备的智能化互联互通网络，手机简单操作即能实现多样化场景联动。为用户提供卓越的智能家居设备管理体系，帮助用户轻松打造智能家庭。
              </span>
            </div>
          </div>
          <div class="box15">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-health@2x.png"
              alt=""
            />
            <div>
              <p>健康</p>
              <p>绑定智能手表 记录健康数据</p>
              <span
                >健康是用于绑定智能设备、记录健康数据及进行健康管理的应用软件。
              </span>
            </div>
          </div>
          <div class="box15" style="opacity: 0">
            <img
              src="https://image.oppo.com/content/dam/heytap-brand/assets/png/@2x/icon-health@2x.png"
              alt=""
            />
            <div>
              <p>健康</p>
              <p>绑定智能手表 记录健康数据</p>
              <span
                >健康是用于绑定智能设备、记录健康数据及进行健康管理的应用软件。
              </span>
            </div>
          </div>
        </div>
        <div class="swiper-slide" style="height: 600px">
          <div class="box16" style="margin-top: 20px">
            <h4>科技赋能金融,让美好生活触手可及</h4>
            <p>
              以科技创新为驱动力，目前，已联合OPPO、realme和OnePlus合作运营相关手机的钱包APP，打通线上、线下消费场景，数以亿计的手机用户通过一部手机即可满足移动支付、交通出行、生活服务、数字金融服务等多种生活场景需求。
            </p>
          </div>
          <div class="box17">
            <h4>提供数字化升级与转型的解决方案</h4>
            <p>
              通过人工智能、大数据、区块链等时代前沿技术，目前已与南京银行、广发银行、百信银行、马上消金、招联、度小满等近百家金融机构合作，为数以亿计的用户和商业机构提供高品质、有效率的数字金融服务和生活服务。
              旗下业务包含：欢太信贷服务、欢太理财服务、欢太保险服务。
            </p>
          </div>
          <div class="box18">
            <h4>高科技助力分期电商</h4>
            <p>
              提供主打OPPO、realme和OnePlus的手机以及IOT产品的消费分期服务，与欢太商城达成战略合作，共同构建在分期电商领域的护城河。
            </p>
          </div>
          <div class="box19">
            <h4>产业金融助力产业生态伙伴长久发展</h4>
            <p>
              依托OPPO、realme、OnePlus的产业背景，通过数字平台整合上下游资源，提供灵活、丰富、多样的产业金融产品及金融相关的科技服务，助力产业生态伙伴成长，实现健康长久发展、合作共赢。
            </p>
          </div>
        </div>
      </div>
      <!-- <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div> -->
    </div>
    <footer>
      <div class="left">
        <p>联系我们</p>
        <a href="客户服务.html">客户服务</a>
      </div>
      <div class="right">
        <p>法务信息</p>
        <a href="">侵权投诉政策</a>
        <a href="">隐私协议</a>
        <a href="">数据主体权利平台</a>
      </div>
      <span>©2021 HeyTap 版权所有 粤ICP备14012291号</span>
    </footer>

    <input type="button" value="^" id="btn" />
    <script>
      let btn = document.querySelector("#btn");
      window.onscroll = function () {
        let scrollTop =
          document.documentElement.scrollTop || document.body.scrollTop;
        if (scrollTop >= 300) {
          btn.style.display = "block";
        } else {
          btn.style.display = "none";
        }
      };
      let timer = null;
      btn.onclick = function () {
        clearInterval(timer);

        timer = setInterval(() => {
          let iCur =
            document.documentElement.scrollTop || document.body.scrollTop;
          let iSpeed = -iCur / 4;
          iSpeed = Math.floor(iSpeed);
          document.documentElement.scrollTop = document.body.scrollTop =
            iCur + iSpeed;
          if (iCur == 0) {
            clearInterval(timer);
          }
        }, 20);
      };
    </script>
    <!-- Swiper JS -->
    <script src="../js/业务体系.js"></script>

    <!-- Initialize Swiper -->
    <script>
      var swiper = new Swiper(".mySwiper", {
        spaceBetween: 10,
        slidesPerView: 4,
        freeMode: true,
        watchSlidesProgress: true,
      });
      var swiper2 = new Swiper(".mySwiper2", {
        spaceBetween: 10,
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
        thumbs: {
          swiper: swiper,
        },
      });
    </script>
  </body>
</html>
